<template>
    <div class="shezhi">
<!-- 顶部导航栏 -------------------------------->
    <van-nav-bar
      title="设置"
      left-text="返回"
      left-arrow
      @click-left="onClickLeft"
    />
<!-- ================================================= -->
<van-cell :title="item" is-link  v-for="(item,i) of sj" :key="i" />
<!-- <van-cell :title="item" is-link :value="i+1"  v-for="(item,i) of sj" :key="i" /> -->

    <!-- 底部退出 -->
    <van-button  color="linear-gradient(to right, #ff6034, #ee0a24)"
        class="db" @click="tuichu"
     block>退出粥品</van-button>
    </div>
</template>
<script>
export default {
    data(){return{
        sj:['个人信息','账户安全','支付设置','消息通知','通用','诊断工具','关于粥品']
    }},
    methods:{
        //返回
        onClickLeft(){
            this.$router.push('/wode')
        },
        tuichu(){
            this.$store.commit("loninOK", ['','','','']);
            this.$router.push("/login");
        },
    },
}
</script>
<style>
.shezhi .db{
    position: fixed;
    /* top:100px; */
    bottom:2px;
}
</style>